import React from 'react';
import ReactDOM from 'react-dom';

class List extends React.Component{
	render() {
		return (
			<React.Fragment>
			{
				this.props.todos.map(item => (<li>{item}</li>))
		    }	
		   </React.Fragment>
		)
	}
}
class Todos extends React.Component{
	constructor() {
		super();
		this.state={todos:['a','b','c']};
	}
	render() {
		return (
			<ul>
				<List todos={this.state.todos}/>
			</ul>
		)
	}
}

ReactDOM.render(<Todos/>,document.querySelector('#root'));